﻿<script src="~/Scripts/jquery-easyui-extensions/combo/jeasyui.extensions.combo.destroy.js"></script>

<div class="easyui-panel" data-options="fit:true,border:false" style="padding:20px;">
    <input id="btnTarget" type="text" class="easyui-combo" value="" data-options="" />
    <br /><br /><br /><br />
    <input name="onBeforeDestroyValue" type="radio" value="true" /> 在 onBeforeDestroy 事件中 return true，表示可以销毁 textbox &nbsp;
    <br />
    <input name="onBeforeDestroyValue" type="radio" value="false" checked="checked" /> 在 onBeforeDestroy 事件中 return false，表示无法销毁 &nbsp;
    <br />
    <span style="color:red;">请自行选择要设置给上述 combo 的 onBeforeDestroy 的返回值</span>
    <br />
    <br /><br />
    <a id="btnSet" class="easyui-linkbutton" data-options="iconCls:'icon-edit'">对上述 combo 执行 destroy 方法</a>
    <span style="color:red;">该 combo 已设定 onDestroy 事件，触发时弹出“销毁成功”文本</span>
</div>

<script>
    $(function () {

        $("#btnSet").click(function () {
            var value = $("[name='onBeforeDestroyValue']:checked").val();

            var opts = $("#btnTarget").combo("options");
            opts.onBeforeDestroy = function () {
                return $.string.toBoolean(value);
            };
            opts.onDestroy = function () {
                alert("销毁成功");
            };

            $("#btnTarget").combo("destroy");
        });

    });
</script>